<template>
	<view class="certmain">
		<view class="cu-custom" :style="{height: $wanlshop.wanlsys().height + 'px' }">
			<view class="cu-bar fixed">
				<view class="action" @tap="$wanlshop.back(1)">
					<text class="wlIcon-fanhui1"></text>
				</view>
				<view class="content" :style="{top: $wanlshop.wanlsys().top + 'px'}">
					<!-- 茶会详情 -->
				</view>
				<!-- <view class="action" @tap="showModal('share')">
				<text class="wlIcon wlIcon-fenxiang"></text>
			</view> -->
			</view>
		</view>
		<!-- <view class="Imgae">
			<image :src="TeaInfo.image" mode=""></image>
		</view> -->
		<view class="container">
			<view class="">{{TeaInfo.name}} </view>
			<view class="">{{TeaInfo.createtime}} <image class="imgs" src="../../static/images/index/yan.png" mode=""></image>  {{TeaInfo.show_number}}</view>
			<view class="">主办单位：{{TeaInfo.zhuban}}</view>
			<view class="">承接单位：{{TeaInfo.chengjie}}</view>
			<view class=""><text>地点</text>：{{TeaInfo.address_title}}</view>
			<view class="">参与人员：{{TeaInfo.canyu}}</view>
			<view class="">茶会策划：{{TeaInfo.tea_cehua}}</view>
			<view class="">茶艺师：{{TeaInfo.tea_yishi}}</view>
			<view class="">报价价格：{{TeaInfo.price}}</view>
			
		</view>
		<view class="content">
			<!-- 茶会详情 -->
			<view v-html="TeaInfo.content"></view>
		</view>
		<view class="BaoMing" @tap="$wanlshop.on('/pages/teacher/TeaSignUp?id='+TeaInfo.id)">
			立即报名
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				username: '',
				idcard: '',
				AllList:[],
				TeaInfo:{}
			}
		},
		onLoad(options) {
				this.cx(options.id)
		},
		onReady() {
				
		},
		methods: {
			cx(id) {
			
				this.$api.get({
					url: '/tea/info?tea_id='+id,
					success: res => {
						console.log(res)
						this.TeaInfo =res
						// this.AllList = res.list
					},
					fail: error => {
						console.log(error)
					}
				})
			},
			// toBookTea(item){
			// 	uni.navigateTo({
			// 		url:'/pages/teacher/BookTea',
					
			// 	})
			// }
		}
	}
</script>

<style lang="scss">
	.certmain {
			
			min-height: 100vh;
		    width: 100%;
		    background-color: #FFFFFF;
		    padding-bottom: 40rpx;
			.cu-custom{
				line-height: 90rpx;
			}
		/deep/.uni-nav-bar-text {
			font-size: 36rpx;
			color: #333333;
			font-weight: 800;
		}
		.Imgae{
			width: 100%;
			height: auto;
			image{
				width: 100%;
				// height: auto;
			}
		}
		.container{
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 400;
			padding: 30rpx;
			line-height: 42rpx;
			color: #141414;
			view{
				margin-top: 20rpx;
				
			}
		}
		.BaoMing{
			width: 100rpx;
			    height: 100rpx;
			    background: rgba(214, 72, 61,1);
			    box-shadow: 0px 4rpx 10rpx rgba(175, 26, 15,  64%);
			    border-radius: 50%;
			    opacity: 1;
			    text-align: center;
			    /* line-height: 50px; */
			    padding: 16rpx 24rpx;
			    font-size: 26rpx;
			    color: #fff;
			    position: fixed;
			    right: 32rpx;
			    top: 66vh;
		}
		.imgs{
			width: 32rpx;
			height: 24rpx;
		}

	}
</style>
